<ion-header>
    <ion-navbar>
        <ion-title>天宝食品</ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <div #container1 class="div-charts" ></div>
    <div class="to" *ngFor="let data of wsJson">
        <div class="content has-header">
            <div class="row">
                <div class="col col-10">
                    <div class="col-demo"><span class="co1">{{data?.jiage}}</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span>今开</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span class="co2">{{data?.jinkai}}</span><span>最高</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span class="cd1">{{data?.zuigao}}</span><span>最低</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span class="co2">{{data?.zuidi}}</span></div>
                </div>
            </div>


            <div class="row">
                <div class="col col-5">
                    <div class="col-demo"><span class="cd1">{{data?.baifenbi}}</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span class="cd1">{{data?.huilv}}</span><span>换手</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span>{{data?.huanshou}}</span><span>总手</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span>{{data?.zongshou}}</span><span>金额</span></div>
                </div>
                <div class="col col-20">
                    <div class="col-demo"><span>{{data?.jine}}</span><span>万</span></div>
                </div>
            </div>
        </div>
    </div>

    <div class="tabs bt">
        <a class="tab-item" (click)="fsInfo();">分时</a>
        <a class="tab-item" (click)="wrInfo();">五日</a>
        <a class="tab-item" (click)="rkInfo();">日K</a>
        <a class="tab-item"(click)="zkInfo();">周K</a>
        <a class="tab-item" (click)="ykInfo();">月K</a>

    </div>
    <div class="bottum" >
        <div class="botts"*ngFor="let data of dataJson" >
            <span class="gs">{{data?.companyname}}</span>
            <div class="rq">2018-06-13</div>
        </div>
    </div>



    <div class="broadcast">
        <ion-slides  class="focus" pager loop="true" autoplay="1000">
            <ion-slide *ngFor="let data of taJson">
                <img src="{{data?.path}}"/>
            </ion-slide>
        </ion-slides >
    </div>
</ion-content>

